<script setup>
import {ref} from "vue";

const value2 = ref(1)
</script>

<template>
  <up-tabbar
      :value="value2"
      :placeholder="false"
      @change="name => value2 = name"
      :fixed="false"
      :safeAreaInsetBottom="false"
  >
    <up-tabbar-item text="首页" icon="home" dot></up-tabbar-item>
    <up-tabbar-item text="放映厅" icon="photo" badge="3"></up-tabbar-item>
    <up-tabbar-item text="直播" icon="play-right"></up-tabbar-item>
    <up-tabbar-item text="我的" icon="account"></up-tabbar-item>
  </up-tabbar>
</template>

<style scoped>

</style>